<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/globalStyle.css">
    <link rel="stylesheet" href="./css/movie.css">
</head>
<body>
    <header>
        <nav>
            <select name="" id="index_select">
                <option value="">上海</option>
                <option value="">福州</option>
                <option value="">郑州</option>
            </select>
            <a href="">正在热映</a>
            <a href="">即将上映</a>
            <img src="./images/icon/search_icon.png" alt="" class="movie_search">
        </nav>
    </header>
    <main class="movie_main">
        <div>
            <div class="box1">
            <span><img src="./images/icon/data_icon.png" alt="">实时票房</span>
            <span>2019-03-27</span>
        </div>
        <div class="box2">
            <span>今日大盘</span>
            <span>2918万<img src="./images/icon/polygon_icon.png" alt=""></span>
        </div>
        </div>
        <section>
            <img src="./images/source/movie_1.jpg" alt="">
            <div>
                <h4>八佰</h4>
                <p>导演：管虎</p>
                <p>主演：&#x3000;黄志忠&#x3000;欧豪&#x3000;王千源</p>
                <div><span>2D</span><span>国语</span><span>中国巨幕</span></div>
                <p><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt="">10分</p>
                <p>上映时间<span>:2020-08-01</span></p>
            </div>
            <a href="">购票</a>
        </section>
       
        <section>
            <img src="./images/source/movie_2.jpg" alt="">
            <div>
                <h4>我在时间尽头等你</h4>
                <p>导演：姚婷婷</p>
                <p>主演：&#x3000;李鸿其&#x3000;李一桐&#x3000;范伟</p>
                <div><span>2D</span><span>国语</span><span>中国巨幕</span></div>
                <p><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt="">10分</p>
                <p>上映时间<span>:2020-08-01</span></p>
            </div>
            <a href="">购票</a>
        </section>
        <section>
            <img src="./images/source/movie_3.jpg" alt="">
            <div>
                <h4>荞麦疯长</h4>
                <p>导演：徐展雄</p>
                <p>主演：&#x3000;前小库&#x3000;大飞&#x3000;张思思</p>
                <div><span>2D</span><span>国语</span><span>中国巨幕</span></div>
                <p><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt="">10分</p>
                <p>上映时间<span>:2020-08-01</span></p>
            </div>
            <a href="">购票</a>
        </section>
        <section>
            <img src="./images/source/movie_4.jpg" alt="">
            <div>
                <h4>哈利波特与魔法石</h4>
                <p>导演：克里斯·哥伦布</p>
                <p>主演：丹尼尔·雷德克里夫鲁伯特·格林特</p>
                <div><span>2D</span><span>英语</span><span>中国巨幕</span></div>
                <p><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt="">10分</p>
                <p>上映时间<span>:2020-08-01</span></p>
            </div>
            <a href="">购票</a>
        </section>
        <section>
            <img src="./images/source/movie_1.jpg" alt="">
            <div>
                <h4>寻梦环游记</h4>
                <p>导演：李·昂克里奇</p>
                <p>主演：安东尼·刚萨雷斯本杰明·布拉特</p>
                <div><span>2D</span><span>英语</span><span>中国巨幕</span></div>
                <p><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt=""><img src="./images/icon/star_icon.png" alt="">10分</p>
                <p>上映时间<span>:2020-08-01</span></p>
            </div>
            <a href="">购票</a>
        </section>
    </main>


    <footer>
        <section>
            <a href="index.html" class="">首页</a>
            <a href="#" class="active">电影</a>
            <a href="cinema.html" class="">电影院</a>
            <a href="find.html" class="">发现</a>
            <a href="mine.html" class="">我的</a>
        </section>
    </footer>
</body>
</html>